<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../../public/reset.css">
    <link rel="stylesheet" href="../css/orders.css">
    <!-- 引入 layui.css -->
    <link href="../../node_modules/layui/dist/css/layui.css" rel="stylesheet">
</head>

<body>
    <div class="head">
        <span class="fanhui">&lt;</span>
        <span>订单</span>
        <span>&nbsp;</span>
    </div>

    <header>
        <div class="head-top">
            <p>取货方式</p>
            <input type="button" value="到店自取">
        </div>
        <div class="head-mid">
            <p>预留手机</p>
            <input type="text"  value="绑定手机号" placeholder="" class="iphone">
        </div>
        <div class="head-fool">
            <p>支付方式</p>
            <p></p>
            <span>微信支付</span>
        </div>
    </header>

    <div class="list">
        <div class="list-name">
            <p> </p>
            <span>浩轩书店</span>
            <b></b>
        </div>
        <div class="list-show">
            <div class="list-showl">
                <img src="../../image/tu.jpg" alt="">
            </div>
            <div class="list-showr">
                <p class="list-showrname">【鹿子星茶】奶香奶茶系列</p>
                <p class="list-showrauthor">规格:浓醇鲜奶茶系列(5选1)500ml</p>
                <p class="list-showrpic">10.00</p>
            </div>
        </div>
        <div class="Preferential">
            <p>优惠券</p>
            <p>省5元:满减优惠</p>
        </div>
        <div class="subtotal">
            <p>共<span>1</span>件商品</p>
            <p>小计:</p>
            <p class="subtotal-pic">10.00</p>
        </div>
    </div>

    <div class="message">
        <p>买家留言</p>
        <p>请填写备注</p>
    </div>

    <div class="prompt">
        <p>温馨提示</p>
        <p>支持退款</p>
        <p>支付后请及时妥善安排时间到店体验</p>
        <p>本产品支持退款，敬请谅解</p>
        <p>商品图片仅供参考，出品以实物为准</p>
        <p>不与店内其他优惠活动同享</p>
        <p>请在体验前出示兑换验证页面，否则商家有权拒绝不予兑换</p>
        <p>如有疑问请联系客服微信号:XXXXXX</p>
        <p>更多优惠活动，关注<span>一元购</span>官方微信公众号:XXXXXX</p>
    </div>

    <footer>
        <p>实付款</p>
        <p class="foot-pic">10.00</p>
        <button type="button" class="layui-btn layui-btn-primary" lay-on="test-confirm">结算</button>
    </footer>

    
</body>

</html>
<script src="../../public/ajaxTools.js"></script>
<!-- 引入 layui.js -->
<script src="../../node_modules/layui/dist/layui.js"></script>
<script src="../../public/cookieTools.js"></script>
<script src="../js/orders.js"></script>